/**
 * 组件 - TabNav（不参与wxss编译）
 * tabNav.wxml
 * -----------------------------------
 * 18/03/29 Jerry 新增
 */

 .tabs {

  /* Tab导航 */
  .tab-nav {
    .flex-start;

    /* 导航项 */
    .nav-item {
      .flex-center;
      width: 25%;
      height: 100rpx;
      background-color: @color-nav;

      text {
        padding: 0 @text-margin-xs;
        height: 50rpx;
        font-size: @text-size-m3;
        color: @color-gray-dark;
        border-bottom: solid 5rpx transparent;
      }

      &.active {

        text {
          color: @color-primary;
          border-bottom-color: @color-primary;
        }

      } /* &.active */

    } /* .nav-item */

    /* 一项 */
    &.x1 {

      .nav-item {
        width: 100%;
      }

    } /* &.x1 */

    /* 两项 */
    &.x2 {

      .nav-item {
        width: 50%;
      }

    } /* &.x2 */

    /* 三项 */
    &.x3 {

      .nav-item {
        width: 33.3%;
      }

    } /* &.x3 */

    /* 五项 */
    &.x5 {

      .nav-item {
        width: 20%;
      }

    } /* &.x5 */

  } /* .tab-nav */

  /* Tab内容 */
  .tab-content {

    .content-item {
      display: none;

      &.active {
        display: block;

        /* 描述信息Tab使用 flex + column 布局，垂直无缝拼接 desc 图片 */
        &.desc-item {
          display: flex;
          flex-direction: column;
        }

      } /* &.active */

      /* 图文详情图片 */
      .desc-img {
        width: 100%;
      }

    } /* .content-item */

  } /* .tab-content */

} /* .tabs */

/*
.index-nav{
  position: fixed;
  left:0;
  top:0;
  z-index: 1000;
}
*/

.index-nav-body{
  height: 100rpx;
  white-space: nowrap;
  background: #fff;
  overflow: hidden;
}
.name{
  display: block;
  height: 60rpx;
  line-height: 60rpx;
  color: #333;
  font-size: 30rpx;
  width: auto;
  margin-top: 20rpx;
}

.index-nav-body  {
  .nitem {
    display: inline-block;
    height: 100rpx;
    margin: 0 28rpx;
  }
}

.tab-active {
  color: @color-primary;
  border-bottom: 2px solid @color-primary;
}
.tab-content {
  //margin-top: 100rpx;
}